<template>
  <div>
		<lunbo :lunbotuList="lunbotuList" :isfull="true"></lunbo>
 		<ul class="mui-table-view mui-grid-view mui-grid-9">
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
          <router-link to="/home/newlist">
              <img class="mui-media-object" src="../../images/menu1.png">
              <div class="mui-media-body">新闻资讯</div>
          </router-link>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4">
          <router-link to="/home/photolist">
              <img class="mui-media-object" src="../../images/menu2.png">
              <div class="mui-media-body">图片分享</div>
          </router-link>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4">
          <router-link to="/home/shopplist">
          <img class="mui-media-object" src="../../images/menu3.png">
              <div class="mui-media-body">商品购买</div>
          </router-link>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4">
          <router-link to="#">
            <img class="mui-media-object" src="../../images/menu4.png">
            <div class="mui-media-body">无连接</div>
          </router-link>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4">
          <router-link to="/shopping">
            <img class="mui-media-object" src="../../images/menu5.png">
            <div class="mui-media-body">购物车</div>
          </router-link>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4">
          <router-link to="#">
            <img class="mui-media-object" src="../../images/menu6.png">
            <div class="mui-media-body">无连接</div>
          </router-link>
      </li>
    </ul> 
  </div>
</template>

<script>
import lunbo from "../subcomponents/lunbo.vue"
export default {
	data() {
		return {
			lunbotuList: [
				{ url: '1', img: 'http://127.0.1.1:3001/src/images/lunbo.jpg' },
				{ url: '2', img: 'http://127.0.1.1:3001/src/images/lunbo.jpg' },
				{ url: '3', img: 'http://127.0.1.1:3001/src/images/lunbo.jpg' }
			],
		};
	},
	methods: {

	},
	components: {
		lunbo
	}
};
</script>

<style lang="scss" scoped>
.mui-grid-view.mui-grid-9{
	background-color: #fff;
}
</style>
